{% extends "../layoutWithSideBar.njk" %}

{% block banner %}
  <div class="ht-banner">
    <img src="/public/imgs/banner/list2.jpg" alt="">
  </div>
{% endblock %}

{% block content %}
  <div class="list">
    <section class="items">
      {% for news in list %}
        {% if loop.index == 1 %}
          <div class="item">
            <div class="item-content">
              <div class="media pull-left">
                <img src="{{news.icon}}" alt="" style="width: 332px;height: 177px;">
              </div>
              <div class="fs-14"><a class="text-dark" href="{{baseDetailUrl}}/detail?detailId={{news.id}}">{{news.title}}</a></div>
            </div>
            <div class="item-footer" style="text-align: right;">
              <span class="fs-14">{{news.updTime}}</span>
            </div>
          </div>
        {% else %}
          <div class="item">
            <a class="fs-14 text-dark" href="{{baseDetailUrl}}/detail/{{news.id}}">{{news.title}}</a>
            <div class="pull-right fs-14">{{news.updTime}}</div>
          </div>
        {% endif %}
      {% endfor %}
    </section>
  </div>

  {% include "../component/pagination.njk" %}
{% endblock %}